<!doctype html>
<html class="x-admin-sm">
    <head>
        <meta charset="UTF-8">
        <title>后台登录-X-admin2.2</title>
        <meta name="renderer" content="webkit|ie-comp|ie-stand">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta http-equiv="Cache-Control" content="no-siteapp" />
        <link rel="stylesheet" href="./css/font.css">
        <link rel="stylesheet" href="./css/xadmin.css">
        <link rel="stylesheet" href="css/style.css">
        <!-- <link rel="stylesheet" href="./css/theme5.css"> -->
        <script src="./lib/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="./js/xadmin.js"></script>
        <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
        <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>

        <![endif]-->
        <script src="js/jquery.min.js"></script>
        <script src="js/index.js"></script>
        <script>
            // 是否开启刷新记忆tab功能
            // var is_remember = false;
        </script>
    </head>
    <body class="index">
        <!-- 顶部开始 -->
        <div class="container">
            <div class="logo">
                <a href="./index.html">X-admin v2.2</a></div>
            <div class="left_open">
                <a><i title="展开左侧栏" class="iconfont">&#xe699;</i></a>
            </div>
            <ul class="layui-nav left fast-add" lay-filter="">
                <li class="layui-nav-item">
                    <a href="javascript:;">+新增</a>
                    <dl class="layui-nav-child">
                        <!-- 二级菜单 -->
                        <dd>
                            <a onclick="xadmin.open('最大化','http://www.baidu.com','','',true)">
                                <i class="iconfont">&#xe6a2;</i>弹出最大化</a></dd>
                        <dd>
                            <a onclick="xadmin.open('弹出自动宽高','http://www.baidu.com')">
                                <i class="iconfont">&#xe6a8;</i>弹出自动宽高</a></dd>
                        <dd>
                            <a onclick="xadmin.open('弹出指定宽高','http://www.baidu.com',500,300)">
                                <i class="iconfont">&#xe6a8;</i>弹出指定宽高</a></dd>
                        <dd>
                            <a onclick="xadmin.add_tab('在tab打开','member-list.html')">
                                <i class="iconfont">&#xe6b8;</i>在tab打开</a></dd>
                        <dd>
                            <a onclick="xadmin.add_tab('在tab打开刷新','member-del.html',true)">
                                <i class="iconfont">&#xe6b8;</i>在tab打开刷新</a></dd>
                    </dl>
                </li>
            </ul>
            <ul class="layui-nav right" lay-filter="">
                <li class="layui-nav-item">
                    <a href="javascript:;">admin</a>
                    <dl class="layui-nav-child">
                        <!-- 二级菜单 -->
                        <dd>
                            <a onclick="xadmin.open('个人信息','http://www.baidu.com')">个人信息</a></dd>
                        <dd>
                            <a onclick="xadmin.open('切换帐号','http://www.baidu.com')">切换帐号</a></dd>
                        <dd>
                            <a href="./login.html">退出</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item to-index">
                    <a href="/">前台首页</a></li>
            </ul>
        </div>
        <!-- 顶部结束 -->
        <!-- 中部开始 -->
        <!-- 左侧菜单开始 -->
        <div class="left-nav">
            <div id="side-nav">
                <ul id="nav">

                </ul>
            </div>
        </div>
        <!-- <div class="x-slide_left"></div> -->
        <!-- 左侧菜单结束 -->
        <!-- 右侧主体开始 -->
        <div class="page-content">
            <div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false"  style="overflow: auto;">
                <ul class="layui-tab-title">
                    <li class="home">
                        <i class="layui-icon">&#xe68e;</i>我的桌面</li></ul>
                <div class="layui-unselect layui-form-select layui-form-selected" id="tab_right">
                    <dl>
                        <dd data-type="this">关闭当前</dd>
                        <dd data-type="other">关闭其它</dd>
                        <dd data-type="all">关闭全部</dd></dl>
                </div>
                <h1 style="text-align: center;font-size:18px;margin-bottom: -10px;margin-top: 5px">飞鱼物流<br>
                    <p style="margin-top: -5px">物流信息展示</p>
                </h1>
                <div class="charts-container cf">
                    <div class="chart" id="graph-1-container">
                        <h2 class="title">客户满意度</h2>
                        <div class="chart-svg">
                            <svg class="chart-line" id="chart-1" viewBox="0 0 80 40">
                                <defs>
                                    <clipPath id="clip" x="0" y="0" width="80" height="40">
                                        <rect id="clip-rect" x="-80" y="0" width="77" height="38.7" />
                                    </clipPath>

                                    <linearGradient id="gradient-1">
                                        <stop offset="0" stop-color="#00d5bd" />
                                        <stop offset="100" stop-color="#24c1ed" />
                                    </linearGradient>

                                    <linearGradient id="gradient-2">
                                        <stop offset="0" stop-color="#954ce9" />
                                        <stop offset="0.3" stop-color="#954ce9" />
                                        <stop offset="0.6" stop-color="#24c1ed" />
                                        <stop offset="1" stop-color="#24c1ed" />
                                    </linearGradient>


                                    <linearGradient id="gradient-3" x1="0%" y1="0%" x2="0%" y2="100%">>
                                        <stop offset="0" stop-color="rgba(0, 213, 189, 1)" stop-opacity="0.07" />
                                        <stop offset="0.5" stop-color="rgba(0, 213, 189, 1)" stop-opacity="0.13" />
                                        <stop offset="1" stop-color="rgba(0, 213, 189, 1)" stop-opacity="0" />
                                    </linearGradient>


                                    <linearGradient id="gradient-4" x1="0%" y1="0%" x2="0%" y2="100%">>
                                        <stop offset="0" stop-color="rgba(149, 76, 233, 1)" stop-opacity="0.07" />
                                        <stop offset="0.5" stop-color="rgba(149, 76, 233, 1)" stop-opacity="0.13" />
                                        <stop offset="1" stop-color="rgba(149, 76, 233, 1)" stop-opacity="0" />
                                    </linearGradient>

                                </defs>
                            </svg>
                            <h3 class="valueX">time</h3>
                        </div>
                        <div class="chart-values">
                            <p class="h-value">1689h</p>
                            <p class="percentage-value"></p>
                            <p class="total-gain"></p>
                        </div>
                        <div class="triangle green"></div>
                    </div>
                    <div class="chart" id="graph-2-container">
                        <h2 class="title">安全隐患</h2>
                        <div class="chart-svg">
                            <svg class="chart-line" id="chart-2" viewBox="0 0 80 40">
                            </svg>
                            <h3 class="valueX">time</h3>
                        </div>
                        <div class="chart-values">
                            <p class="h-value">322h</p>
                            <p class="percentage-value"></p>
                            <p class="total-gain"></p>
                        </div>
                        <div class="triangle red"></div>
                    </div>
                    <div class="chart circle" id="circle-1">
                        <h2 class="title">订单完成率</h2>
                        <div class="chart-svg align-center">
                            <h2 class="circle-percentage"></h2>
                            <svg class="chart-circle" id="chart-3" width="50%" viewBox="0 0 100 100">
                                <path class="underlay" d="M5,50 A45,45,0 1 1 95,50 A45,45,0 1 1 5,50" />
                            </svg>
                        </div>
                        <div class="triangle green"></div>
                    </div>
                    <div class="chart circle" id="circle-2">
                        <h2 class="title">预留库存</h2>
                        <div class="chart-svg align-center">
                            <h2 class="circle-percentage"></h2>
                            <svg class="chart-circle" id="chart-4" width="50%" viewBox="0 0 100 100">
                                <path class="underlay" d="M5,50 A45,45,0 1 1 95,50 A45,45,0 1 1 5,50" />
                            </svg>
                        </div>
                        <div class="triangle red"></div>
                    </div>
                </div>
                
                <!-- partial -->
                <script src="js/modernizr.min.js"></script>
                <script src='js/snap.svg-min.js'></script>
                <script src="js/script.js"></script>
                <div id="tab_show"></div>
            </div>
        </div>
        <div class="page-content-bg"></div>
        <style id="theme_style"></style>
        <!-- 右侧主体结束 -->
        <!-- 中部结束 -->
        <script>//百度统计可去掉
            var _hmt = _hmt || []; (function() {
                var hm = document.createElement("script");
                hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();</script>
    </body>

</html>